html{
    touch-action:none;
}
html, body{
    height: 100%;
}
#root{
    height: 100%;
    position: relative;
}
.initImg{
    width: 48px;
    height: 48px;
}
.text{
    margin: 0;
}
.text > span{
    display: inline-block;
    height: 48px;
}

/*聊天消息的样式*/
#chat-pag{
    position: absolute;
    width: 100%;
    height: 100%;
}

#chat-pag .common{
    width: 100%;
    height: inherit;
    overflow: hidden;
    margin: 20px auto;
}
#chat-pag .friend img,
#chat-pag .friend div{
     float: left;
 }
#chat-pag .me img,
#chat-pag .me div{
    float: right;
}
#chat-pag .common div{
    border-radius: 10px;
    padding: 0px 15px;
    background: rgba(0, 0, 0, 0.1);
}
#chat-pag .friend div{
    margin-left: 5px;
}
#chat-pag .me div{
    margin-right: 5px;
}
#chat-pag .common div p{
    width: 100px;
    line-height: 20px;
}
#chat-pag .inputText{
    width: 100%;
    position: fixed;
    bottom: 0px;
}

/*聊天顶部固定  处理聊天的样式问题*/
.chat-msg{
    margin-top: 60px;
    margin-bottom: 120px;
}
.userList{
    margin-top: 50px;
    margin-bottom: 50px;
}
/*这里是固定头部标题在顶部 这是所以的路由页面顶部标题固定在顶部的样式*/
.NavTop{
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 10;
}

/*这里是个人中心的  头像与标题的 距离样式设置*/
/*如果样式多的话 底部最好也设置一下 这里没涉及到*/
.navPersonal {
    margin-top: 25px;
}

/*降低未读消息的 图标的层级*/
.badeg{
    position: relative;
    z-index: 1;
}

/*玩命加载*/
.notFind {
    color: red;
    font-size: 30px;
}